.home {
  position: fixed;
  width:100vw;
  height:100vh;
  top:0;
  left:0;
  background-color: ivory;
  z-index:1000;

  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content: space-between;
  padding:300rpx 0;
  box-sizing: border-box;

  .title {
    font-size: 50rpx;
  }
  .placeholder {
    text-align: center;
    color:#666;
    margin:20rpx 0;
  }
  .button {
    padding:0rpx 50rpx;
    margin: 20rpx 0;
    &.primary{
      background-color: #ffcf56;
      border:1px solid #5e250a;
      color:#5e250a;
    }
    &:active {
      background-color: #ffc532;
    }
  }
  textarea {
    width:80vw;
    border: 1px solid #555;
    border-radius:20rpx;
    padding:20rpx;
    box-sizing: border-box;
    background-color: #fff;
  }
  .emergent-container {
    color:#555;
    width:60vw;
    .emergent {
      display: flex;
      justify-content: space-between;
      width:100%;
      margin-top:20rpx;
    }
  }
  .main {
    background-color: #333;
    color:#fff;
    font-size: 40rpx;
    padding:20rpx 60rpx;
    border-radius: 50rpx;
    border:1px solid #ddd;
    &:active {
      background-color: orange;
    }
  }
  .footer {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width:100%;
  }
}